<li class="dropdown user">
    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
        <img alt="<?=$auth->email?>" src="<?=gravatar_url($auth->email, 30)?>" height="29" />
        <span class="username"><?=$auth->realname?></span>
        <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu">
        <li>
            <a href="javascript:;">
                <i class="fa fa-user"></i> <?=__('My Profile')?>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-cog"></i> <?=__('My Setting')?>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-envelope"></i> <?=__('My Inbox')?>
                <span class="badge badge-danger">3</span>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-tasks"></i> <?=__('My Tasks')?>
                <span class="badge badge-success">7</span>
            </a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="javascript:;" id="trigger_fullscreen">
                <i class="fa fa-arrows"></i> <?=__('Full Screen')?>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-lock"></i> <?=__('Lock Screen')?>
            </a>
        </li>
        <li>
            <a href="<?=url('user/logout')?>">
                <i class="fa fa-key"></i> <?=__('Log Out')?>
            </a>
        </li>
    </ul>
</li>
